@charset "utf-8";
@import "common/reset";
//像素比除以2
@function p($px) {
    @return $px/2+px;
}
html,body{
    width: 100%;
    height: 100%;
}
header{
    width: 100%;
    height: p(88);
    background: #0f0f0f;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .last{
        width: p(103);
        height: p(43);
        display: flex;
        .last-img{
            width: p(23);
            height: p(43);
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        p{
            font-size: p(28);
            line-height: p(28);
            color: #fff;
            margin-top: p(5);
            margin-left: p(16);
        }
    }
    h1{
        font-size: p(36);
        color: #fff;
    }
    .dian{
        width: p(6);
        height: p(34);
        overflow: hidden;
        img{
            width: 100%;
        }
    }
}
//内容
.nr{
    padding: 0 p(9);
    width: 100%;
    height: 100%;
    background: url(../img/beijing.png);
    
//戒指系列
.jzxl{
    background: #5fa1df;
    display: flex;
    justify-content: center;
    border-radius: p(5);
    margin-top: p(8);
    p{
        color: #fff;
        margin-top: p(13);
        margin-bottom: p(16);
        font-size: p(22);
    }
}
//戒指详细
.jzxx{
    padding-top: p(9);
    width: 100%;
    display: flex;
    //戒指左边
   .jzzb{
       
       width: 49%;
       //左边戒指1
       .zbjz1{
           
           display: flex;
           flex-wrap: wrap;
           
           
           background: #fff;
           position: relative;
           border: p(1) solid #cdccd0;
           //人气商品
           .rqsp{
               
               width: p(229);
               height: p(61);
               overflow: hidden;
               img{
                   width: 100%;
               }
           }
           //人气商品文字
           .rqsp1{
               position: absolute;
               top: p(8);
               left: p(22);
               p{
                   font-size: p(34);
                   color: #fff;
                   
               }
           }
           //戒指图片
           .jz{
               width: p(239);
               height: p(175);
               overflow: hidden;
               margin: 0 auto;
               margin-bottom: p(19);

               img{
                   width: 100%;
               }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(20) ;
                   
                   
               }
           }
           //价格
           .jg{
               margin-bottom: p(20);
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
               }
           }
       }
       //左边戒指2
       
       .zbjz2{
           background: #fff;
           border: p(1) solid #cdccd0;
           margin-top: p(10);
           //戒指图片
           .jztp{
               width:p(239) ;
           height:p(175) ;
           overflow: hidden;
           margin: 0 auto;
           margin-top: p(22);
           margin-bottom: p(20);
           
           img{
               width: 100%;
           }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(46) ;
               }
           }
           //价格
           .jg{
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
                   margin-bottom: p(20);
               }
           }
       }
       //左边戒指3
       .zbjz3{
           background: #fff;
           border: p(1) solid #cdccd0;
           margin-top: p(10);
           //戒指图片
           .jztp{
               width:p(239) ;
           height:p(175) ;
           overflow: hidden;
           margin: 0 auto;
           margin-top: p(22);
            margin-bottom: p(20);
           
           img{
               width: 100%;
           }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(46) ;
               }
           }
           //价格
           .jg{
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
                   margin-bottom: p(20);
               }
           }
       }
   } 
   .jzyb{
       width: 49%;
       margin-left: 2%;
       
       //右边戒指
       .ybjz1{
           .ybjz3{
           background: #fff;
           border: p(1) solid #cdccd0;
//         margin-top: p(10);
           //戒指图片
           .jztp{
               width:p(239) ;
           height:p(175) ;
           overflow: hidden;
           margin: 0 auto;
           margin-top: p(15);
            margin-bottom: p(20);
           
           img{
               width: 100%;
           }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(9) ;
               }
           }
           //价格
           .jg{
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
                   margin-bottom: p(20);
               }
           }
       }
       }
       //右边戒指2
       .ybjz2{
           .ybjz3{
           background: #fff;
           border: p(1) solid #cdccd0;
           margin-top: p(10);
           //戒指图片
           .jztp{
               width:p(239) ;
           height:p(175) ;
           overflow: hidden;
           margin: 0 auto;
           margin-top: p(15);
            margin-bottom: p(20);
           
           img{
               width: 100%;
           }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(9) ;
               }
           }
           //价格
           .jg{
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
                   margin-bottom: p(20);
               }
           }
       }
       }
       //右边戒指3
       
       .ybjz3{
           .ybjz3{
           background: #fff;
           border: p(1) solid #cdccd0;
           margin-top: p(10);
           //戒指图片
           .jztp{
               width:p(239) ;
           height:p(175) ;
           overflow: hidden;
           margin: 0 auto;
           margin-top: p(15);
            margin-bottom: p(20);
           
           img{
               width: 100%;
           }
           }
           //戒指描述
           .jzms{
               p{
                   font-size: p(18);
                   font-weight: bold;
                   color: #5c5c5c;
                   margin-bottom:p(9) ;
               }
           }
           //价格
           .jg{
               p{
                   font-size: p(24);
                   color: #eb7575;
                   display: flex;
                   margin-left: p(223);
                   margin-bottom: p(20);
               }
           }
       }
       }
   }
}
}
